<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css列表</title>
    <!--CSS列表属性作用如下：-->
    <!--设置不同的列表项标记为有序列表-->
    <!--设置不同的列表项标记为无序列表-->
    <!--设置列表项标记为图像-->
    <!--列表-->
    <!--在HTML中，有两种类型的列表：-->
    <!--无序列表 - 列表项标记用特殊图形（如小黑点、小方框等）-->
    <!--有序列表 - 列表项的标记有数字或字母-->
    <!--使用CSS，可以列出进一步的样式，并可用图像作列表项标记。-->
    <!--不同的列表项标记-->
    <!--list-style-type属性指定列表项标记的类型是：-->
    <!--一些值是无序列表，以及有些是有序列表。-->
    <style>
        ul.a {list-style-type: circle;}
        ul.b {list-style-type: square;}
        ol.c {list-style-type: upper-roman;}
        ol.d {list-style-type: lower-alpha;}
    </style>
</head>
<body>
<p>无序列表实例：</p>
<ul class="a">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
</ul>

<ul class="b">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
</ul>

<p>有序列表实例：</p>
<ol class="c">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
</ol>

<ol class="d">
    <li>Coffee</li>
    <li>Tea</li>
    <li>Coca Cola</li>
</ol>
</body>
</html>